<!--
 * @Description:
 * @Author: william
 * @Date: 2024-10-17 15:33:02
 * @LastEditors: william
 * @LastEditTime: 2025-04-11 16:22:12
-->
<template>
  <div v-if="mapType === 'GMAP'" class="mapLogo">
    <img src="@/assets/map/Google.png" />
    <span>{{ $t('public.gmap') }}</span>
  </div>
</template>

<script setup>
const { map: mapType } = storeToRefs(useAppStore())
</script>

<style lang="scss">
.mapLogo {
  position: absolute;
  left: 6px;
  bottom: 3px;
  display: flex;
  align-items: center;
  z-index: 10;
  img {
    height: 24px;
  }
  span {
    margin-left: 5px;
    font-size: 14px;
    font-weight: bold;
    color: #666;
    text-shadow: 0 0 1px #fff;
  }
}
</style>
